@CHARSET "UTF-8";
<style>
	div {
		margin: 0 auto;
	}
	
	.div_top {
     	width: 1024px; 
    	height: 90px;
     	margin: 0 auto;
    }
    
    .div_top_logo {
       	position: relative; 
    	width:1024px;
    	height:50px;
    	margin: 0 auto;
    }
    
    .div_top_menu {
    	align : left;
		text-align: center;
    	width : 1024px;
    	height : 40px;
    	background : url("../img/bar_menu.png");
    	position : relative;
    	vertical-align: middle;
    	margin: 0 auto;
    }
    
    .div_center {
     	width: 1024px; 
    	height: 600px; 
    	position: relative;
    	margin: 50px auto;
    	display: inline-block;
    }
    
    #div_50px_blank {
    	height: 50px;
    }

/*     body { */
/*       -webkit-font-smoothing: antialiased; */
/*       font: normal 15px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; */
/*       color: #232525; */
/*       padding-top:70px; */
/*       align:center; */
/*       text-align:center; */
/*     } */

    #slides .slidesjs-navigation {
/*     	margin: 5px auto; */
    	margin-top:5px;
    }

    #slides .slidesjs-previous {
		margin-right: 5px;
		float: left;
    }

    #slides .slidesjs-next {
      	margin-right: 5px;
      	float: left;
    }

    .slidesjs-pagination {
      	margin: 6px 0 0;
      	float: right;
      	list-style: none;
    }

    .slidesjs-pagination li {
      	float: left;
      	margin: 0 5px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
    
    
  </style>
  <!-- End SlidesJS Optional-->

  <!-- SlidesJS Required: These styles are required if you'd like a responsive slideshow -->
  <style>
    #slides {
      display: none;
      width: 724px;
      margin: 0 auto;
    }

    .container {
    	margin: 0 auto;
/*     	align:center; */
/*     	text-align:center; */
    	width: 724px;
    }

/*     /* For tablets & smart phones */ */
/*     @media (max-width: 767px) { */
/*       body { */
/*         padding-left: 20px; */
/*         padding-right: 20px; */
/*       } */
/*       .container { */
/*         width: auto */
/*       } */
/*     } */

/*     /* For smartphones */ */
/*     @media (max-width: 480px) { */
/*       .container { */
/*         width: auto */
/*       } */
/*     } */

/*     /* For smaller displays like laptops */ */
/*     @media (min-width: 768px) and (max-width: 979px) { */
/*       .container { */
/*         width: 724px */
/*       } */
/*     } */

/*     /* For larger displays */ */
/*     @media (min-width: 1200px) { */
/*       .container { */
/*         width: 1024px */
/*       } */
/*     } */
  </style>
  <!-- SlidesJS Required: -->
